<template>
  <GlobalPage>
    <div class="table-box">
      <el-table :data="Data.list" stripe>
        <el-table-column type="selection" width="45" align="center">
        </el-table-column>
        <el-table-column prop="name" label="名称"> </el-table-column>
        <el-table-column prop="type" label="类型" width="80"> </el-table-column>
        <el-table-column prop="path" label="地址"> </el-table-column>
        <el-table-column prop="comment" label="说明"> </el-table-column>
        <el-table-column label="状态" width="80"> </el-table-column>
        <el-table-column label="操作" fixed="right" width="140" align="center">
          <template #default>
            <el-button link type="primary" size="small"> 查看 </el-button>
            <el-button link type="primary" size="small">编辑</el-button>
            <el-button link type="primary" size="small">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
      <GlobalPagination></GlobalPagination>
    </div>
  </GlobalPage>
</template>

<script setup>
import API from "@/api";
import { onBeforeMount, reactive } from "vue";
import GlobalPage from "@/components/Global-Page/Global-Page.vue";
import GlobalPagination from "@/components/GlobalPagination/index.vue";
const Data = reactive({
  page: null,
  pages: null,
  limit: null,
  list: [],
});
onBeforeMount(() => {
  // API.Auth.AuthPathList()
  //   .then((res) => {
  //     console.log(res);
  //     let { data } = res;
  //     let { list } = data;
  //     Data.list.push(...list);
  //   })
  //   .catch((err) => {
  //     console.log(err);
  //   });
});
</script>

<style scoped>
.chunk {
  background: white;
  margin-bottom: 20px;
  padding: 14px 14px;
}

.table-options {
  justify-content: space-around;
}
</style>
